<template>
  <div class="copyright">
    <div class="copyright-item">
      <span class="copyright-meta">文章作者: </span>
      <span class="copyright-info">{{user.nickname}}</span>
    </div>
    <div class="copyright-item">
      <span class="copyright-meta">文章链接: </span>
      <span class="copyright-info">
        <a :href="blogUrl">{{blogUrl}}</a>
      </span>
    </div>
    <div class="copyright-item">
      <span class="copyright-meta">版权声明: </span>
      <span class="copyright-info">作品采用
         <a
          target="_blank"
          rel="license"
          href="http://https://creativecommons.org/licenses/by-nc-sa/4.0/"
        >知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议</a> 进行许可。
      </span>
    </div>
  </div>
</template>

<script>
import { formatDate } from "utils/utils"

export default {
  name: 'Copyright',
  props: {
    user: {
      type: Object,
      default() {
        return {};
      }
    },
    blogUrl:""
  }
}
</script>

<style lang="scss" scoped>
.copyright {
  position: relative;
  margin: 2rem 0 1.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid #f9f9f9;
  border-radius: 5px;
  transition: box-shadow 0.5s ease-in-out;
  &:hover {
    box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5);
  }
  .copyright-item {
    padding: 0.1rem 0;
  }
  .copyright-meta {
    color: #858585;
    font-weight: bold;
    padding-right: 0.5rem;
  }
  .copyright-info {
    color: #858585;
  }
}
</style>